<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style2.css" rel="stylesheet" type="text/css" />
<title>Untitled Document</title>

<script language="JavaScript">
function next(){
    var element=document.getElementById('search');
    window.location="index.php?search="+element.value;
}
</script>

</head>

<body>

<div id="top">
           
           <h1>
           			<span>IKE.Music.Player</span>
           </h1>
           
           
           <div id="innertop">
                    <div id="nummer1">
                    		<img src="music.png" />
                    		<p>over 16<br/> million<br/> songs<br/> available </p>
                    </div>
        
                     <div id="nummer2">
                     		<img src="idea.png"  />
                   			<p>Suggestions<br/> that makes<br/> sense<br/></p>
                    </div>
                    
                     <div id="nummer3">
                     		<img src="artist.png"  />
                  			<p>Over 6<br/> thousand<br/> artist<br/> available </p>
                    </div>
           </div>
</div>





<div class="down">
<form class="contact_form" action="javascript:next()" method="post" name="contact_form">
<ul>
	
  	<li>
    	<input  type="text" name="user" placeholder="Search for you song or artist" id="search"/>
    </li>
   	<li>
    	<button class="submit" type="submit" onClick="next()" >Go!</button>
    </li>
</ul>
</form>
</div>


</body>
</html>
